<template>
  <div class="exp">
    {{ exp }}
    <div>数字：{{ num }}</div>
    <div>数组：{{ arr }}</div>
    <div>对象：{{ obj }}</div>
    <div>字符串：{{ obj.name + '_123' }}</div>
    <div>三元运算符：{{ flag ? '真' : '假' }}</div>
    <div>布尔值：{{ 1 > 2 }}</div>
    <div>
      反转字符串：
      {{
        exp
          .split('')
          .reverse()
          .join('')
      }}
    </div>
  </div>
</template>

<script>
export default {
  name: 'exp',
  data() {
    return {
      exp: '插值表达式中可以写入的内容',
      num: 20,
      arr: [1, 2, 4, 5],
      obj: {
        name: 'tom'
      },
      flag: true
    }
  }
}
</script>

<style scoped lang="less"></style>
